<template>
    <pre>
        1.vue@3 + <a href="https://cn.vitejs.dev/" target="_blank">vite</a>
            vue@3 官方推荐使用 <a href="https://cn.vitejs.dev/" target="_blank">vite</a> 构建工具(内部团队开发)
            vue@3 也可以使用 webpack 构建工具

            vite 对比 webpack 开发时的差异
                1. vite在冷启动和热更新时更快
                    webpack先编译后使用, vite使用的时候再编译，并将所有的资源引入压力给了浏览器

                2. 资源路径错误不会影响项目的启动
                    
                3. vue@3 + vite只支持es6 的 module模块暴露和引入方式
                   export const a = 1 || {} || function  (单个依次暴露，可以解构)
                   export default {}  (集体暴露, 不能解构)
                   import xxxx from './xxx/xxx' (同步、只能放顶层使用)
                   import("./xxx/xxx") (异步、任何地方可以用，返回一个Promise对象)
                   es6 的 module模块引入方式仅限js文件引入可以省略后缀名
                4. vite 对于不支持es6 的 module 模块引入方式的浏览器不兼容

        2.nodejs
            vue@3 + vite 需要nodejs版本不低于16.0 建议安装当前最新的稳定版本nodejs

        3. vue@3 + router + axios + pinia(本来是vuex下个迭代的实验版本)

        4.IDE
            官方推荐使用vscode编辑器 + Volar扩展插件
            其它编辑器用什么插件百度

        5.pnpm 
            pnpm 包资源更全面，速度和稳定性更强
            安装方式 npm install pnpm -g
    </pre>
</template>

<style>
/* @import "@/assets/base2.css"; */
</style>